@import '../../../styles/variables.scss';

.thead {
  color: $color-font;
  line-height: 1.2;

  th {
    display: inherit;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
    font-size: $size-font-middle;


  	&:first-child,
  	&:last-child {
      width: .1rem;
		  font-size: $font-size-th1;
      background-color: $color-th1;
  	}

    &:nth-last-child(2) {
      width: .1rem;
    }

  	&:nth-child(2) {
      width: .45rem;
  		background-color: $color-th2;
  	}

  	&:nth-child(3) {
      width: 1.5rem;
      background-color: $color-th3;
    }

    &:nth-child(4) {
      width: 1.5rem;
      background-color: $color-th4;
    }
    &:nth-child(5) {
		  font-size: $font-size-th1;
      font-weight: 600;
  		background-color: $color-th5;
  	}
  }
}

@media (min-width: 600px) {

}
